@charset "utf-8";
@import url('//at.alicdn.com/t/font_2896317_c93fdbvffkf.css');
@import url('/css/animate.min.css');
body{ font-size: 14px;font-family: "微软雅黑", serif; background: #fff; display: flex;flex-direction: column;min-height: 100vh;}
html{font-size: 10px;}
*{ padding: 0; margin: 0;  max-width:1920px;
font-family: 'pf';}
button {
	cursor: pointer;
}
a{ text-decoration: none; }
ol,ul, li { list-style: none; }
img{ border: 0; }
@font-face {
	font-family:'pf';
	src: url("../css/pfzt.ttf");
}
input{ font-family: "pf"; outline: none; }
.clear{ clear: both; }
.clear:after{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.clear:before{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.fl{ float: left; }
.fr{ float: right; }
.container{ width: 1200px; margin: 0 auto;}
.container1{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container2{ width:1200px; margin:0 auto; position:relative;}
[type="button"]{cursor: pointer;border: 1px solid #fff;}



	/* 页头 */

	#sp2 {
		position: relative;
		right: 16px;
	}

	.s-money {
		width: 75px;
		height: 17px;
		border: none;
		transform: scale(0.90);
	}
	.apps {
		margin-left: 16px;
		padding: 0 16px;
		font-size: 30px;
		color: #BDBDBD;
		transform: rotate(270deg) scale(0.6);
		position: relative;
		right: 40px;
	}
	.loginin {
		margin-left: 16px;	
		cursor: pointer;
	}
	.left-bar{
		display: flex;
		align-items: center;
		margin-left: 3%;
		white-space: nowrap;
		position: relative;
	}
	.left-bar .iconfont {
		font-size: 20px !important;
		color: #ACB4BA !important;
		margin: 0 8px;
	}
	.blockok {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background-color: #3BB3BD;
		font-size: 10px;
		color: #FFF;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		margin: 0 8px;
	}
	.size-16{
		width: 15px;
		height: 18px;
		padding-left: 5px;
		font-weight: bold;
		cursor: pointer;
	}
	.i-question {
		font-size: 40px !important;
		color: #BDBDBD;
		margin-left: 16px;
		cursor: pointer;
	}
	.bg{
		background-color: rgba(237, 239, 240, 1);
		min-width: 1200px;
		max-width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* padding-bottom: 20px; */
	}
	.header-top{
		width: 100%;
		padding:  6px 1%;
		box-sizing: border-box;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 99;
	}
	.iconsize{
		font-size: 40px;
		color: #DDDddd;
	}
	.content{
		display: flex;
		align-items: center;
		min-height: 80%;
		padding-right: 24px;
	}
	.btn-green {
		width: 48px;
		height: 20px;
		color: #fff;
		background: #3BB3BD;
		border-radius: 6px;
		font-size: 10px;
	}
	.btn-green-border {
		height: 20px;
		background-color: #fff;
		color: #3BB3BD;
		border:1px solid #3BB3BD;
		border-radius: 6px;
		font-size: 10px;
		padding: 0 6px;
	}
	.issize {
		font-size: 30px;
		color: #BDBDBD;
		display:none;
	}
	.issmall {
		font-size: 14px;
		
	}
	.content ul {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		list-style: none;
		color: #3C3C3C;
		font-size: 10px;
		white-space: nowrap;
	}
	.content ul>li{
		margin-left: 18px;
		display:flex;
		align-items: center;
	}
	.content >i {
		font-size: 25px;
		color: #BDBDBD;
		margin-left: 16px
	}
	.avtor {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		margin-left: 10px;
		background-size: contain;
		background-clip: content-box;
	}
	.ps-title{
		font-size: 10px;
		color: #A9ACB0;
	}
	.icon{
		width: 120px;
		height: 45px;
		margin-left: 5%;
	}
	.title-bar{
		height: 80%;
		display: flex;
		align-items: center;
		white-space: nowrap;
	}
	.title-bar span{
		padding: 0 20px;
		white-space: nowrap;
		color: #000000;
	}
	select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("/static/arrow-down.png")  scroll right center transparent;
	
	background-size: 20px;
	background-repeat: no-repeat;
	
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
	}
	/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
	select::-ms-expand { display: none;
	}
	.select-lang{
		display: none;
		min-height: 140px;
		background-color: #ffffff;
		position: absolute;
		bottom: -140px;
		border-radius:  0px  0px   6px  6px;
		box-shadow: 0px 0px #e1e1e1 1px 0px;
		padding: 0 16px;
		z-index: 1;
	}
	h3{
		margin-top: 6px;
		font-size: 10px;
		color: #BDC3C9;
		margin-bottom: 6px;
	}
	select{
		width: 90px;
		height: 30px;
		border: 1px solid #d5d5d5;
		outline: none;
		border-radius: 6px;
		padding: 0 10px;
	}
  .option:after{
	  content: "";
	  width: 14px;
	  height: 8px;
	  background: url(./static/arrow-down.png) no-repeat center;
	/*通过定位将图标放在合适的位置*/
	position: absolute;
	  right: 20px;
	  top: 41%;
	/*给自定义的图标实现点击下来功能*/
	pointer-events: none;
	}
	.title-right-bar{
		height: 50% !important;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		margin-left: 15px;
		height: 24px;
		display: flex;
		align-items: center;
		font-size: 10px;
		color: #3C3C3C;
		position: relative;
		left: 25px;
		white-space: nowrap;
	}
	.title-right-bar span{
		padding-left: 16px;
		color: #000000;
	}
/* 页头 */	

/* 页尾 */
	.footer-container{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* margin: auto; */
		background-color: #363542;
	}
	.footer-btm{
		width: 80%;
		height: auto;
		background-color: #363542;
		box-sizing: border-box;
		margin: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.head{
		width: 100%;
		padding: 24px 0;
		border-bottom: 1px solid #4C535A;
		display: flex;
		flex-flow: row nowrap;
		padding-right: 10%;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.two-title{
		width: 100%;
		margin-top: 8px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.footer{
		width: 80%;
	}
	.footer-flex{
		width: 15%;
		margin-top: 6px;
		display: flex;
		flex-direction: column;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	.footer-flex-two{
		margin-top: 6px;
		display: flex;
		flex-direction: column;
		color: #888888;
		font-weight: bold;
		font-size: 12px;
	}

	.footer-flex-two:last-of-type {
		text-align: right;
	}
	.boxcenter {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;

	}
	.boxcenter a {
		display: block;
	
	}
	.common {
		border-top: 1px solid #4C535A;
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	.secondbox {
		margin-top: 20px;
		padding: 20px 0;
	}
	.threebox {
		padding: 15px 0;
		
	}
	.boxstyle {
		display: flex;
		flex-flow: column wrap;
	}
	.boxstyle img  {
		width: 115px;
		height: 50px;
	}
	.boxstyle a {
		padding: 5px 0;
		color: #fff;
		
	}
	.footer-flex a{
		color: #fff;
		margin-top: 5px;
		white-space: nowrap;
	}
	#sp-special{
		color: #888888;
	}
	#sp-special-white{
		color: #fff;
	}
	.tz{
		padding-top: 5px;
		display: flex;
	}
	.tz a:not(:first-child) {
		display: block;
		text-align: left;
		margin-left: 15px;
		width: 40px;
	}
	.footer-content a{
		width: 38.4%;
		color: #fff;
	}
	.footer-con{
		width: 80%;
		margin: auto;
	}	

	.footer-footer{
		width: 100%;
		height: auto;
		background-color: #363542;
	}
	.head{
		width: 100%;
		padding: 12px 0;
		border-bottom: 1px solid #4C535A;
		display: flex;
		flex-flow: row nowrap;
		padding-right: 10%;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.footer{
		width: 80%;
	}
	.footer-flex{
		width: 15%;
		margin-top: 6px;
		display: flex;
		flex-direction: column;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	.footer-flex-three{
		margin-top: 6px;
		display: flex;
		flex-direction: column;
		color: #888888;
		font-weight: bold;
		font-size: 12px;
	}

	.footer-flex-three a {
		color: #888888;
		font-weight: bold;
		font-size: 12px;
		
	}

	.footer-flex-two a{
		padding-top: 5px;
		color: #888888;
		font-weight: bold;
		font-size: 12px;
		white-space: nowrap;
	}
	.fs {
		color: #888888;
		font-style: 14px;
		margin-left: 5px;
	}
	.i-email{
		color: #fff;
		font-size: 14px;
	}

	.footer-flex a{
		color: #fff;
		margin-top: 5px;
		white-space: nowrap;
	}
	#sp-special{
		color: #888888;
	}
	#sp-special-white{
		color: #fff;
	}
	.tz{
		padding-top: 5px;
	}
	/* .tz a:not(:first-child){
		display: inline-block;
		/* width: 60px; */
		/* color: #888888;
		margin-left: 10px;
	} */ */
	.footer-content{
		width: 80%;
		margin: auto;
		font-size: 12px;
		padding: 24px 0;
		display: flex;
		flex-flow: row nowrap;
	}
	.footer-content a{
		width: 38.4%;
		color: #fff;
	}
	.footer-a a:not(:first-child){
		margin-left: 28px;
	}
	.footer-con{
		width: 80%;
		margin: auto;
	}
/* 页尾 */
	
/* teacher */ 
	/* 保存按钮标记 */
	.btn-save {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* 保存按钮样式 */
	.save-btn {
		width: 100px !important;
		color: #fff;
		border-radius: 6px;
		padding: 8px 28px;
		border: none;
		background-color: #5686E9 !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.save-btn-video {
		width: auto !important;
		color: #fff !important;
		border-radius: 6px;
		padding: 8px 28px;
		border: none;
		background-color: #5686E9 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		white-space: nowrap;
	}

	.vfiles {
		opacity: 0;
		width: 100%;
		position: absolute;
		bottom: 0px;
		left: 0px;
		cursor: pointer;
	}
	.header-select {
		width: 100%;
		background-color: #384047;
		padding: 15px 0;
		margin-bottom: 20px;
	}
	
	.select-content {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.select-item {
		width: auto;
		display: flex;
		align-items: center;
		padding: 0 5px;
	}

	.box-first {
		width: 20px;
		height: 20px;
		border: 1px solid #606A71;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #818181;
	}

	.select-item span {
		display: flex;
		color: #fff;
		padding: 0 10px;
	}

	.select-item>i {
		color: #71777D;
		font-size: 10px;
	}
	.t-title {
		display: block;
		color: #3C3C3C;
		font-size: 24px;
		font-weight: bold;
		padding-bottom: 20px;
		cursor: pointer;
	}
	.teach-container {
		min-width: 696px;
		height: auto;
		padding: 23px 45px 40px 45px;
		box-sizing: content-box;
		border-radius: 6px;
		background-color: #fff;
		margin: 20 auto;
		color: #818181;
		font-size: 14px;
		font-weight: bold;
	}
/* teacher */